<template>
<div class="login">
    <!-- 背景图 -->
    <div class="background">
        <img :src="imgSrc" width="100%" height="100%" alt=""/>
    </div>
    <!-- 登录界面 -->
    <div class="front">
        <logTab></logTab>
    </div>
</div>
</template>

<script>
    import logTab from '@/components/login/loginTab'
    export default {
        name: 'login',
        components: {
            logTab
        },
        data() {
            return {
                imgSrc: require('@/assets/image/login/loginbg.jpg')
            }
        },

    }
</script>

<style scoped>
    .background {
        width: 100%;
        height: 100%;
        z-index: -1;
        position: absolute;
    }
    
    .front {
        z-index: 1;
        position: absolute;
        left: 50%;
        top: 60%;
        margin-left: -225px;
        margin-top: -225px;
        width: 450px;
        height: 300px;
        box-shadow: 0 0 10px 5px rgba(37, 34, 69, .3);
    }
</style>